#{extends 'main.html' /}

#{set title:'Detail du stage' /}

<div id="menu_left">
    <a href="@{Stages.listStages}">Liste des stages</a>
</div>
<br />
<h1 style="width:400px;">Détails du stage ${stage}</h1>

	<p>
	#{if (agent_for.niv>=3)}  
    <a href="@{Stages.ajouterResponsablesForm(stage.id)}">Ajouter les responsables</a>
    #{/if}
    </p>
    <p>
    #{if agent_for.niv==4}  
    <a href="@{Stages.modifStageForm(stage.id)}">Modifier le stage</a>
    #{/if}
	</p>

<div id="detail_stage">
    <p> <label><b> Description : </b></label> ${stage.description} </p>
    <p> <label><b> Code  : </b></label> ${stage.code} </p>
    <p> <label><b> Structure : </b></label> ${stage.structure} </p>
    <p> <label><b> Nature : </b></label> ${stage.nature} </p>
    <p> <label><b> UVs associées : </b></label> ${uvs} </p>
    <p> <label><b> Duree : </b></label> ${stage.duree} Jour(s) </p> 
    <p> <label><b> Condition de déroulement : </b></label> ${stage.modalites} </p>
    <p> 
        <label><b> Lieu : </b></label>
         #{if stage.lieu == null}
            -
            #{/if}
            #{else}
            ${stage.lieu}
            #{/else}
    </p>
    <p> <label><b> Directeur : </b></label> 
        #{if stage.directeur == null}
        -
        #{/if}
        #{else}
        ${stage.directeur}
        #{/else}
    </p>
    <p> <label><b> Gestionnaire Administratif : </b> </label>
        #{if stage.gestionnaireAdmin == null}
        -
        #{/if}
        #{else}
        ${stage.gestionnaireAdmin}
        #{/else}
    </p>
    <p> <label><b> Etat : </b></label>  #{if stage.etat == null}
        -
        #{/if}
        #{else}
        ${stage.etat}
        #{/else}
    </p>
    <p> <label><b> Date de début  : </b></label> ${stage.dateDeb.format('dd MMMM yyyy', 'fr')} </p>
    <p> <label><b> Date de fin  : </b></label> ${stage.dateFin.format('dd MMMM yyyy', 'fr')} </p>
    <p> <label><b> Date d'examen  : </b></label> 
        #{if stage.dateExam == null}
        -
        #{/if}
        #{else}
        ${stage.dateExam.format('dd MMMM yyyy', 'fr')}
        #{/else}
    </p>
    <p> <label><b> Effectif minimum  : </b></label> ${stage.effectifMin} </p>
    <p> <label><b> Effectif maximum  : </b></label> ${stage.effectifMax} </p>   
    <p> <label><b> Effectif actuel  : </b></label> 
        #{if stage.getEffectif() == 0}
        -
        #{/if}
        #{else}
        ${stage.getEffectif();}
        #{/else}
    </p>
    <p>
        <br /><a href="@{Stages.candidStage(stage.id)}"><button>Ajouter ma candidature</button></a>
    </p>
</div>

#{if agent_for.toString() == '3' || agent_for.toString() == '4'}
<div id="detail_stage_candidatures">
    <h2>Liste des candidatures</h2>
    <br />
    <table width="200" cellspacing='0' cellpadding='7' id="liste" class="display" summary="Liste des candidats" bgcolor="#E1EEF0" >
        <thead>
            <tr>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Statut</th>
                <th>CIS ou Service</th>
                <th>Structure de coordination</th>
                <th>Etat</th>
                <th>Rôle</th> 
            </tr>
        </thead>			
        <tbody>
            #{list items:candidats, as:'candidat' }
                <tr>
                    <td> ${candidat.agent.nom} </td>
                    <td> ${candidat.agent.prenom} </td>
                    <td> ${candidat.agent.statut} </td>
                    <td> ${candidat.agent.cisService} </td>
                    <td> ${candidat.agent.structureCoord} </td>
                    <td> ${candidat.etatCandid} </td>
                    <td> ${candidat.role} </td>
                </tr>
            #{/list}
            <tbody>
            </table>            
        </div>
        #{/if}
